<script src="/js/jquery.validate.js" type="text/javascript"></script>
<script src="/js/dt-bootstrap/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="/js/dt-bootstrap/DT_bootstrap.js" type="text/javascript"></script>
<script src="/js/common.js" type="text/javascript"></script>
<script src="/js/academico/usuario/matriculacion.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" media="screen" href="/css/dt-bootstrap/DT_bootstrap.css">
<style type="text/css">
    .input-group-addon
    {
        background-color: rgb(50, 118, 177);
        border-color: rgb(40, 94, 142);
        color: rgb(255, 255, 255);
    }
    .form-control:focus
    {
        background-color: rgb(50, 118, 177);
        border-color: rgb(40, 94, 142);
        color: rgb(255, 255, 255);
    }

    .form-signup input[type="text"],.form-signup input[type="password"] { border: 1px solid rgb(50, 118, 177); }
</style>
<div class="text-center">
    <h2>Cursos</h2>
</div>
<br />
<form id="form-info" class="form form-signup" role="form">
    <div class="row">   
        <div class="row-fluid">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <h4><strong>Introduzca el c&oacute;digo de matr&iacute;cula: </strong></h4>
            </div>
            <div class="col-md-8 col-sm-8 col-xs-8">
                <input id="codigomatricula" name="codigomatricula" type="text" class="form-control" placeholder="C&oacute;digo matr&iacute;cula" value="<?php echo $this->username; ?>" />
            </div>    
            <div class="col-md-4 col-sm-4 col-xs-4">
                <a id="btnaplicar" href="#" class="btn btn-primary btn-block" role="button" onclick="recuperarDatos();">Consultar</a>
            </div>
        </div>
    </div>
    <div class="row">
        <br>
        <div id="lab-data" class="col-md-12 col-sm-12 col-xs-12">
<!--            <table class="table table-striped table-bordered table-responsive" id="matriculacion_table" name ="matriculacion_table">
            </table>-->
        </div>
    </div>
    <div id="div-alert">        
    </div>
</form>